<link href="/assets/js/validate/jquery.validate.css" type="text/css" rel="stylesheet"/>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/additional-methods.min.js" type="text/javascript"></script>
<script src="/assets/js/form/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $("#inputForm").validate({
            submitHandler: function(form) {
                ShowMsg();
                form.submit();
            }
        });
    });
</script>
<div id="page" class="wrapper w_960 clearfix">
  <div class="progress clearfix">
    <div class="steps_1 current">
      <h3 class="png_bg"><span>1</span> Add a Blog</h3>
    </div>
    <div>
      <h3 class="png_bg"><span>2</span> Claim Ownership</h3>
    </div>
    <div class="last">
      <h3 class="png_bg"><span>3</span> Done</h3>
    </div>
  </div>
  <form id="inputForm" class="myform " action="/blogger/save" method="post">
    <div class="row clearfix">
      <label for="b_name">Blog Name * :</label>
      <p><span>
        <input id="name" name="name" class="inputs med long required" type="text" value="">
        </span></p>
    </div>
    <div class="row clearfix">
      <label for="b_url">Blog Feed URL * :</label>
      <p><span>
        <input id="blogFeedUrl" name="blogFeedUrl" class="inputs med long url required" type="text" value="http://">
        </span></p>
    </div>
    <div class="row clearfix">
      <label for="desc">Description :</label>
      <p><span>
        <textarea id="descriptions" name="descriptions" class="inputs med long " rows="10"></textarea>
        </span></p>
    </div>
    <div class="row clearfix">
      <input type="submit" name="submitBtm" id="submitBtm" class="submit left" style="margin-right: 10px;" value="Create">
      <a href="/customer/dashboard">Cancel</a> </div>
  </form>
</div>
